<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../../../../css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/list.css"/>
		<link href="https://cdn.bootcdn.net/ajax/libs/bootstrap-table/1.17.1/bootstrap-table.min.css" rel="stylesheet">
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
		<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
		<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
		<script src="https://cdn.bootcdn.net/ajax/libs/bootstrap-table/1.17.1/bootstrap-table.min.js"></script>
		<script src="https://cdn.bootcdn.net/ajax/libs/bootstrap-table/1.17.1/locale/bootstrap-table-zh-CN.min.js"></script>

	</head>
	<body>
		<table id="userTable" class="tab tab-hover"></table>
		<script>
			$(function(){
				$("#userTable").bootstrapTable({
					url:"/user/list.do",//数据地址
					striped:true,//是否显示行的间隔
					pageNumber:1,//初始化加载第几页
					pagination:true,//是否分页
					sidePagination:'server',//分为服务器端分页和客户端分页
					pageSize:5, //每一页展示的数据量
					pageList:[5,10,20],
					showRefresh:true,//允许用户刷新，防止卡死
					queryParams:function(params){
						var temp = {
							offset:params.offset,
							pageNumber:params.limit
						};
						return temp;
					},
					columns:[
						{
							title:"编号",
							field:"id",
							sortable:false // 不允许前台页面排序，就是根据顺序排序，不允许
						},
						{
							title:"昵称",
							field:"nickName",
							sortable:false
						},
						{
							title:"手机号码",
							field:"phoneNumber",
							sortable:false
						},
						{
							title:"密码",
							field:"password",
							sortable:false
						},
						{
							title:"注册时间",
							field:"registTime",
							sortable:false
						},
						{
							title:"上次登录时间",
							field:"lastloginTime",
							sortable:false
						},

					]
				});
			});
		</script>
	</body>
</html>
